<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Design Created by: Reality Software | www.realitysoftware.ca
Released by: Free Web Design Community | www.designity.org
Note: This is a free template released under the Creative Commons Attribution 3.0 license, 
which means you can use it in any way you want provided you keep links to authors intact.
Don't want our links in template? You can pay a link removal fee: www.realitysoftware.ca/templates/
You can also purchase a PSD-file for this template.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="/Content/carbonizer/style.css" rel="stylesheet" type="text/css"/>
<script src="<%= Url.Content("~/Scripts/jquery-1.3.2.min.js") %>" type="text/javascript"></script>
</head>

<body>

<script type="text/javascript">

jQuery.fn.slugify = function(obj) {
    jQuery(this).data('obj', jQuery(obj));
    jQuery(this).keyup(function() {
        var obj = jQuery(this).data('obj');
        var slug = jQuery(this).val().replace(/\s+/g, '-').replace(/[^a-zA-Z0-9\-]/g, '').toLowerCase();
        obj.val(slug);
    });
}

</script>

<div id="container">
<!-- header -->
<div id="header">

<div id="slogan">ASP.NET MVC Knowledgebase Engine</div>

<div id="logo"><a href="#">KBMVC</a></div>

</div>

<div id="menu">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/Article/Edit/">Create New Article</a></li>
<li><a href="/Article/Index/this-is-a-test-page">View Sample Article</a></li>
</ul>
</div>
<!--end header -->
<!-- main -->
<div id="main">

<div id="sidebar">
<h3>Articles</h3>
<ul>
<li><a href="#">Article 1</a></li>
<li><a href="#">Article 2</a></li>
<li><a href="#">Article 3</a></li>
<li><a href="#">Article 4</a></li>
</ul>
</div>

<div id="text">

<%=Html.ValidationSummary() %>
<% using (Html.BeginForm())
   { %>
   <p>Title: <%=Html.TextBox("Title") %></p>
   <p>Slug: <%=Html.TextBox("Slug", null, new { @readonly = "readonly", @tabindex="100", @style="color:#999999;" })%></p>
   <p>Author: <%=Html.TextBox("Author") %></p>
   <p>Creation Date: <%=Html.TextBox("CreationDate",DateTime.Now.ToString()) %></p>
   <p>Tags: <%=Html.TextBox("Tags") %></p>
   <p>Content: <%=Html.TextBox("Content") %></p>
   <input type="submit" value="Submit" />
<% } %>

</div>

</div>
<!-- end main -->
<!-- footer -->
<div id="footer">

<div id="footer_left">&copy; Copyright 2009 <a href="http://www.treygourley.com/">Trey Gourley</a> | <a href="http://www.indynda.org">IndyNDA</a></div>

<div id="footer_right">
<!-- Please do not change or delete these links. Read the license! Thanks. :-) -->
Design by <a href="http://www.designity.org/">Free Web Design Community</a>
</div>

</div>
<!-- end footer -->
</div>

<script type="text/javascript">

    jQuery('#Title').slugify('#Slug');

</script>

</body>
</html>